<template>
    <van-swipe class="my-swipe" :autoplay="1500" indicator-color="white">
        <van-swipe-item v-for="(item) in bannerArr" :key="item.id">
            <!-- 使用img标签 -->
            <img :src="item.image_url" alt="">
        </van-swipe-item>
    </van-swipe>
</template>

<script>
// 引入Vue，引入组件
import Vue from 'vue';

import { Swipe, SwipeItem } from 'vant';

//要一个一个use，相当于注册全局组件
Vue.use(Swipe);
Vue.use(SwipeItem);

export default {
    name: 'SwiperCom',
    data() {
        return {

        };
    },
    props: {
        bannerArr: {
            type: Array,  //数据类型
        }
    }


}

</script>
<style lang='less' scoped>
.van-swipe {
    img {
        width: 100%;
        height: auto;
        display: block;
    }
}
</style>
